$header-height: 56px;

bz-table-panel {
  @include panel;
  padding: 0;
}

bz-table-panel {
  .dx-datagrid-headers {
    border-left-width: 0;
    border-right-width: 0;
    border-top-color: transparent !important;

    td:last-child {
      border-right-width: 0;
    }
  }

  .dx-datagrid-rowsview {
    border-left-width: 0;
    border-right-width: 0;

    td:last-child {
      border-right-width: 0;
    }

  }

  .dx-datagrid-pager {
    padding-left: $box-space;
    padding-right: $box-space;
  }

  td:first-child.dx-command-select {
    padding-left: $box-space*0.75 !important;
    padding-right: $box-space*0.75 !important;
    text-align: left !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    text-overflow: unset;
  }

  .dx-row td:first-child.dx-command-expand {
    min-width: $box-space*3 !important;
    max-width: $box-space*3 !important;
    width: $box-space*3 !important;
    padding-left: $box-space*0.75 !important;
    text-align: left !important;
  }

  .dx-row td:first-child:not(.dx-command-expand):not(.dx-command-select) {
    padding-left: $box-space*0.75 !important;
    padding-right: $box-space*0.75 !important;
    text-align: left !important;
  }

  .dx-datagrid .dx-column-lines>td {
    border-left: 1px solid #E8E8E8;
    border-right: 1px solid #E8E8E8;
  }
}

bz-table-panel .action-bar {
  height: $header-height;
  line-height: $header-height;
  padding-left: $box-space;
  padding-right: $box-space;
  border-bottom: solid 1px $grey-4;
  overflow: hidden;
}

bz-table-panel .dataGrid-box {
  padding: 12px $box-space 0 $box-space;
}

bz-table-panel .action-bar:empty {
  display: none;
}

bz-table-panel bz-table {
  .ant-table-placeholder {
    height: 328px;
  }

  .ant-table-bordered .ant-table-header>table,
  .ant-table-bordered .ant-table-body>table,
  .ant-table-bordered .ant-table-fixed-left table,
  .ant-table-bordered .ant-table-fixed-right table {
    border-left: 0;
    border-top: 0;
  }

  .ant-table-bordered .ant-table-thead>tr>th:last-child,
  .ant-table-bordered .ant-table-tbody>tr>td:last-child {
    border-right-color: transparent !important;
  }
}
